<template>
    <div class="center">
        <el-row type="flex" justify="center" style="padding-top: 120px">
            <el-col :span="10">
                <el-card class="box-card" style="height: 380px">
                    <el-row style="padding: 70px 81px">
                        <h1 style="text-align: center">您访问的页面不存在！ --（来自我的页面定义）</h1>
                    </el-row>
                    <el-row style="margin-top: 20px">
                        <el-button type="primary" @click="toIndex">回到主页</el-button>
                    </el-row>
                </el-card>
            </el-col>
        </el-row>
    </div>

</template>

<script>
    export default {
        name: "notFoundPage",
        data(){
            return{

            }
        },
        methods:{
            toIndex(){
                this.$router.push({name: "index"} );
            }
        }
    }
</script>

<style scoped>

</style>